<template>
  <a-layout class="container">
    <a-layout-header class="header">
      <CommonHeader></CommonHeader>
    </a-layout-header>
    <a-layout-content class="content">
      <CommonContent></CommonContent>
    </a-layout-content>
    <a-layout-footer class="footer">Copyright重庆大学© 巨软科技技术支持</a-layout-footer>
  </a-layout>
  <router-view></router-view>
</template>

<script setup>
import CommonHeader from '@/components/Layout/CommonHeader'
import CommonContent from '@/components/Layout/CommonContent'

</script>
<style scoped lang="scss">
.container{
  height: 100%;
  .header{
    background: #02529F;
    color: #FFFFFF;
    height: 48px;
  }
  .content{
    height: calc(100% - 48px);
    overflow-y: auto;
    background: #F0F2F5;
  }
  .footer{
    text-align: center;
    font-size: 14px;
    color:rgba(0, 0, 0, 0.45);
  }
}
</style>